{temp('html/recruit/pc/head')}
<script>
function spss(){//视频搜索
	var type = $("#type").val();
	var title = $("#title").val();
	if(title == '请输入关键词'){
		var title = '';
	}
	location.href='{$_url}/?act=ruser&met=xuelist&type='+type+'&title='+title;
}
</script>
</head>
<body onload="init2('title','请输入关键词')">
	{temp('html/recruit/pc/ruser/head')}

		<!--主体内容-->
		<div class="w_bai dis_inline t_c">
			<!--详细-->
			<div class="w_1100 auto_0">
				<!--导航-->
				<div class="w_bai dis_inline t_m10">
					<div class="f_l t_m3 home"></div>
					<span class="f_l t_m5 l_m5" id="jibie">
						您所在的位置：<a href="{$_url}">首页</a> > <a href="{$_url}/?act=ruser&met=xuexi">我要学习</a>
					</span>
				</div>
				<!--导航结束-->
				<!--搜索-->
				<div class="w_bai dis_inline t_m10 bc_FFF">
					<div class="w_630 auto_20 ">
						<div class="f_l w_110 h_40 l_h40 bor_127ABF point" style="margin-top:0px!important;margin-top:1px"
							 onclick="showList('search')">
							<div>
								<div id="typegb" class="f_l c_656565 l_m30" style="_margin-left:17px">文章</div>
								<input type="hidden" id="type" value="0" />
								<div class="f_l l_m10 t_m17 xiala2"></div>
							</div>
							<!--隐藏的列表-->
							<div class="f_l w_110 bor_127ABF t_c jddw" id="search"
								style="margin-left:-2px!important;margin-left:-96px;_margin-left:-99px;margin-top:40px;display:none;">
								<ul>
									<li id="tab1" onMouseOver="changeBackOver2('tab1')" onMouseOut="changeBackOut2('tab1')" 
										onClick="changeList('type','0','文章')">文章</li>
									<li  id="tab2" onMouseOver="changeBackOver2('tab2')" onMouseOut="changeBackOut2('tab2')" 
										onClick="changeList('type','1','视频')">视频</li>
								</ul>
							</div>
							<!--隐藏的列表结束-->
						</div>
						<div class="f_l">
							<input type="text" class="inp_cha" id="title" onfocus="checkGuanJianCiFocus('title')" 
                                    	onblur="checkGuanJianCiBlur('title')" style="border-left-style:none" />
						</div>
						<div class="f_l b_m20" style="margin-top:0px!important;margin-top:1px">
							<div class="w_110 h_40 l_h40 t_c f_s20 c_FFF bc_127ABF bor_127ABF point" onClick="spss()">搜索</div>
						</div>
					</div>
				</div>
				<!--搜索结束-->
				<!--热门推荐-->
				<div class="w_bai dis_inline t_m10 bc_FFF">
					<!--标题-->
					<div class="t_m20  f_s16 c_323232" id="study">
						<ul class="point">
							<li id="tab0" onClick="qiehuan(0)">热门推荐</li>
							<li id="tab1" onClick="qiehuan(1)">最新课程</li>
							<li id="tab2" onClick="qiehuan(2)">免费课程</li>
						</ul>
						<div class="f_r r_m40 t_m5 f_s12 point" id="list2">
							<a id="tablj" href="{$_url}/?act=ruser&met=xuelist&tuijian=1">更多>></a>
						</div>
					</div>
					<!--标题结束-->
					<!--分割线-->
					<div class="f_l w_bai t_m15 t_l">
						<div class="bor_C6 bor_di_none"></div>
						<div id="icon" class="f_l jddw" style="margin-top:-7px!important;margin-top:-16px;">
							<img src="{$style}/images/study_xuan.png">
						</div>
					</div>
					<!--分割线结束-->
					<!--推荐列表-->
					<div class="f_l t_m15 b_m50 t_l" id="tablist0">
						{if(@$tuijian['data'])}
						{foreach($tuijian['data'] as $k=>$v)}
						<!--第1条-->
						<a href="{$_url}/?act=job&met=kcxx&spid={$v['id']}&zjid={$v['zjid']}">
						<div class="t_m10 l_m29 b_m10 dis_inline point">
							<!--图片-->
							<div class="bor_C6" style="border-bottom-style:none">
								<img src="{if($v['shipin'])}{$style}/images/shipinmoren.png{else}{$style}/images/wenzhangmoren.png{/if}" style="margin:0">
							</div>
							<!--图片结束-->
							<!--学习内容-->
							<div class="h_100 bor_C6" style="border-top-style:none;width:233px!important;width:235px">
								<div id="contenttj{$k}" class="f_l w_210 l_m10 c_656565" style="height:85px;word-break:break-all;overflow:hidden">
									<p class="t_m5 f_b">{$v['name']}</p>
									<p class="f_s12 t_m8 l_h18">
										{$v['content']}
									</p>
								</div>
							</div>
							<!--学习内容结束-->
						</div>
						</a>
						<!--第1条结束-->
						{/foreach}
						{else}
						<div class="t_m10 l_m29 b_m10 dis_inline point c_656565">
							暂无数据
						</div>
						{/if}
					</div>
					<!--推荐列表结束-->
					<!--最新课程列表-->
					<div class="f_l t_m15 b_m50 t_l" id="tablist1" style="display:none;">
						{if(@$new['data'])}
						{foreach($new['data'] as $k=>$v)}
						<!--第1条-->
						<a href="{$_url}/?act=job&met=kcxx&spid={$v['id']}&zjid={$v['zjid']}">
						<div class="t_m10 l_m29 b_m10 dis_inline point">
							<!--图片-->
							<div class="bor_C6" style="border-bottom-style:none">
								<img src="{if($v['shipin'])}{$style}/images/shipinmoren.png{else}{$style}/images/wenzhangmoren.png{/if}" style="margin:0">
							</div>
							<!--图片结束-->
							<!--学习内容-->
							<div class="h_100 bor_C6" style="border-top-style:none;width:233px!important;width:235px">
								<div id="contentnw{$k}" class="f_l w_210 l_m10 c_656565" style="height:85px;word-break:break-all;overflow:hidden">
									<p class="t_m5 f_b">{$v['name']}</p>
									<p class="f_s12 t_m8 l_h18">
										{$v['content']}
									</p>
								</div>
							</div>
							<!--学习内容结束-->
						</div>
						</a>
						<!--第1条结束-->
						{/foreach}
						{else}
						<div class="t_m10 l_m29 b_m10 dis_inline point c_656565">
							暂无数据
						</div>
						{/if}
					</div>
					<!--最新课程列表结束-->
					<!--免费课程列表-->
					<div class="f_l t_m15 b_m50 t_l" id="tablist2" style="display:none;">
						{if(@$ling['data'])}
						{foreach($ling['data'] as $k=>$v)}
						<!--第1条-->
						<a href="{$_url}/?act=job&met=kcxx&spid={$v['id']}&zjid={$v['zjid']}">
						<div class="t_m10 l_m29 b_m10 dis_inline point">
							<!--图片-->
							<div class="bor_C6" style="border-bottom-style:none">
								<img src="{if($v['shipin'])}{$style}/images/shipinmoren.png{else}{$style}/images/wenzhangmoren.png{/if}" style="margin:0">
							</div>
							<!--图片结束-->
							<!--学习内容-->
							<div class="h_100 bor_C6" style="border-top-style:none;width:233px!important;width:235px">
								<div id="contentll{$k}" class="f_l w_210 l_m10 c_656565" style="height:85px;word-break:break-all;overflow:hidden">
									<p class="t_m5 f_b">{$v['name']}</p>
									<p class="f_s12 t_m8 l_h18">
										{$v['content']}
									</p>
								</div>
							</div>
							<!--学习内容结束-->
						</div>
						</a>
						<!--第1条结束-->
						{/foreach}
						{else}
						<div class="t_m10 l_m29 b_m10 dis_inline point c_656565">
							暂无数据
						</div>
						{/if}
					</div>
					<!--免费课程列表结束-->
				</div>
				<!--热门推荐结束-->
			</div>
			<!--详细结束-->
		</div>
		<!--主体内容结束-->
	<script type="text/javascript">
	 	var last;
		function qiehuan (i) {
			var icon1=document.getElementById("icon");
			icon1.style.marginLeft= (0 + 135*i)+"px";
			var tab=document.getElementById("tab"+i);
			//改变div
			for(var j=0;j<3;j++){
				if(i == j){
					document.getElementById('tablist'+j).style.display = 'block';
				}else{
					document.getElementById('tablist'+j).style.display = 'none';
				}
			}
			//改变链接
			if(i == 1){
				document.getElementById('tablj').href='{$_url}/?act=ruser&met=xuelist&new=1';
			}else if(i == 2){
				document.getElementById('tablj').href='{$_url}/?act=ruser&met=xuelist&ling=1';
			}else{
				document.getElementById('tablj').href='{$_url}/?act=ruser&met=xuelist&tuijian=1';
			}
		}
		qiehuan(0);
	</script>
	<script type="text/javascript">
		//length处理
		var numCount=130;
		function showByLength(txt_id) {
			var txt=document.getElementById(txt_id);
			if(txt.innerHTML.length>numCount){
				txt.innerHTML=txt.innerHTML.substr(0,numCount)+"...";
			}
		}
		//热门推荐
		{if(@$tuijian['data'])}
		{foreach($tuijian['data'] as $k=>$v)}
		showByLength("contenttj{$k}");
		{/foreach}
		{/if}
		//最新课程
		{if(@$new['data'])}
		{foreach($new['data'] as $k=>$v)}
		showByLength("contentnw{$k}");
		{/foreach}
		{/if}
		//免费课程
		{if(@$ling['data'])}
		{foreach($ling['data'] as $k=>$v)}
		showByLength("contentll{$k}");
		{/foreach}
		{/if}
	</script>
{temp('html/recruit/pc/foot')}